<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>酒店 | 订单列表</title>
        <link rel="stylesheet" type="text/css" href="css/init.css"/>
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/payList.css">
        <script src="js/jquery-3.3.1.js"></script>
		<script src="js/moment.js"></script>
        <script src="js/laydate.js"></script>
        <link rel="stylesheet" type="text/css" href="css/pagination.css" media="screen">
        <script src="js/jquery.paqination.js"></script>
	</head>
	<body>
		<header>
			<div class="header-title clearfix">
				<div class="lf">
					<a href="homepage.html">
						<img src="img/logo_white.png" alt="" class="logo">
						酒店项目
					</a>
				</div>
				<div class="information gt">
                    <div class="not_login">
                        <a href="register.html" class="turnRegister">
                            登录
                        </a>
                        <a href="login.html" class="turnLogin">
                            注册
                        </a>
                    </div>
                    <div class="user" style="display:none">
                        <a href="" name="a1" style="display:inline-block">
                            <img src="img/4.jpg" class="userHead">
                        </a>
                        <span class="userName"></span>
                        <i class="arrow"></i>						
                        <div class="user-list">
                            <div class="triangle"></div>
                            <ul>
                                <li>
                                    <a id="personal-main" href="userSetting.html"><img src="img/icon_my.png">个人中心</a>
                                </li>
                                <li>
                                    <a href="userSetting.html"><img src="img/icon_setting.png">账户设置</a>
                                </li>
                                <li>
                                    <!-- <a href="login.html#login"> -->
                                    <a class="logout" href="login.html"><img src="img/icon_out.png">退出登录</a>
                                </li>
                            </ul>
                        </div>
                        <a href="payList.html" class="turnMyoder">
                            我的订单
                        </a>
                    </div>
                </div>
			</div>
        </header>
        <div class="payList">
            <div class="payList_title">
                <ul class="cleaffix">
                    <li class="allList" data-type="">全部订单</li>
                    <li class="waitPay" data-type="待付款">待付款</li>
                    <li class="reserve" data-type="预定中">预定中</li>
                    <li class="done" data-type="已完成">已完成</li>
                    <li class="cancel" data-type="已取消">已取消</li>
                </ul>
            </div>
            <div class="payList_search clearfix">
                <div class="order_num_search">
                    订单号：<input type="text" class="orderNo">
                </div>
                <div class="passenger">
                    旅客：<input type="text" class="customerName">
                </div>
                <div class="checkTime">
                    预定时间段：<input type="text" class="demo-input" id="enter_time">
                </div>
                <div class="search_ListBtn">
                    查询
                </div>
            </div>
            <div class="list">
                <ul class="list_title clearfix">
                    <li>订单号</li>
                    <li>名称</li>
                    <li>下单时间</li>
                    <li>旅客</li>
                    <li>总金额</li>
                    <li>订单状态</li>
                    <li>操作</li>
                </ul>
                <div class="Myorderform">
                    <ul class="clearfix">
                    </ul>
                </div>
            </div>
        </div>
        <div class="box m-style M-box3">

        </div>
        <script>
            $('.box').pagination();
        </script>
        <!-- <div class="pagination">
            <ul class="clearfix">
                <li><<</li>
                <li>&lt;</li>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>...</li>
                <li class="count_page">6</li>
                <li>&gt;</li>
                <li>>></li>
            </ul>
        </div> -->
        <footer>
            Copyright © 2017 apis.sh All Rights Reserved | 陕ICP备15013925号-3
        </footer>       
    </body>	
	<script src="js/common.js"></script>
    <script src="js/payList.js"></script>
</html>
    